<div class="backimage" *ngIf="awards">
  <img class="n" src="/assets/img/1645998359.jpg" alt="">
  <img class="n" src="/assets/img/1291572562.jpg" alt="">
<div>

<div class="vvv"><strong>抽奖名称：</strong><span>{{awards[index].awardName}}</span></div>
<div class="vvv"><strong>抽奖规则：</strong><span>{{awards[index].awardRule}}</span></div>
  <div class="vvv"><strong>开始时间：</strong><span>{{awards[index].beginTime}}</span></div>
  <div class="vvv"><strong>结束时间：</strong><span>{{awards[index].endTime}}</span></div>
  <div class="vvv">
  <strong>抽奖奖品：</strong>
    <div>
      <span *ngFor="let p of awards[index].prizes">{{p.prizeName}}</span>
    </div>

  </div>
<!--<a routerLink="/award/{{awards[index].id}}/{{p.id}}">{{p.prizeName}}</a>-->
 <!--<div class="c"><button (click)="d()" *ngIf="!i">点击抽奖</button>-->
   <!--<p>{{awards[index].prizes[eee]?.prizeName}}-->
   <!--</p>-->
 <!--</div>-->

<!--<a class="d" [routerLink]="'/award/'+index+'/'+indexa">去领奖</a>-->
</div>
  <!--<div class="b">-->
    <!--<div  style="position:relative;">-->
      <!--<img class="m"-->
      <!--src="http://img1.imgtn.bdimg.com/it/u=2870397692,113293265&fm=26&gp=0.jpg">-->
    <!--<span style="position: absolute; bottom: 0; ">{{awards[index].prizes[z]?.prizeName}}</span>-->
    <!--</div>-->
    <!--<div  style="position:relative;">-->
    <!--<img class="m"-->
         <!--src="http://img1.imgtn.bdimg.com/it/u=2870397692,113293265&fm=26&gp=0.jpg">-->
      <!--<span style="position: absolute; bottom: 0; left: 0;">{{awards[index].prizes[x]?.prizeName}}</span>-->
    <!--</div>-->
    <!--<div  style="position:relative;">-->
    <!--<img class="m"-->
         <!--src="http://img1.imgtn.bdimg.com/it/u=2870397692,113293265&fm=26&gp=0.jpg">-->
    <!--<span style="position: absolute; bottom: 0; left: 0;">{{awards[index].prizes[c]?.prizeName}}</span>-->
    <!--</div>-->
  <!--</div>-->
  <!--<button (click)="g()" style="display:block;margin:0 auto">点击抽奖</button>-->



  <!--<div style="display: flex;justify-content:center;position:relative" >-->
    <!--<div>-->
      <!--<div class="tu1" style="background: url('/assets/img/1085452290.jpg')"></div>-->
      <!--<div class="one" style="">1111</div>-->
    <!--</div>-->
    <!--<div>-->
      <!--<div class="tu2" style="background: url('/assets/img/1431468246.jpg')"></div>-->
      <!--<div class="two" style="">22222</div>-->
    <!--</div>-->
    <!--<div>-->
      <!--<div class="tu3" style="background: url('/assets/img/637973934.jpg')"></div>-->
      <!--<div class="three" style="">388</div>-->
    <!--</div>-->
    <!--<img class="tu4" src="/assets/img/1962667971.jpg" (click)="g()">-->

  <!--</div>-->




  <div style="margin:0 auto;width:90vw;">
    <div style="border:15px darkorange solid;border-bottom:0;border-top-left-radius:15px;border-top-right-radius:15px;padding:3px;">
      <div style="border: 10px white solid;border-radius: 15px;margin: -7px">
      <div style="border:15px yellow solid;border-radius:15px;display:flex">
        <div class="c-prize-area" width="100%" height="100%">
          <img *ngIf="http1" src="{{http1}}" width="100%" height="100%">

        </div>
        <div class="c-prize-area" style="border-left:10px yellow solid;border-right:10px yellow solid">
          <img  *ngIf="http2" src="{{http2}}" width="100%" height="100%">
        </div>
        <div class="c-prize-area">
          <img  *ngIf="http3" src="{{http3}}" width="100%" height="100%">
        </div>
      </div>
      </div>
    </div>
    <div style="overflow:hidden;">
      <div style="background-color:darkorange;border-radius: 50%;height:40vw;margin-top:-20vw; position:relative">
        <div style="position:absolute;top: 24vw;left: 34vw;height:9vw;width:19vw; line-height:9vw;
  text-align:center;">

            <img src="/assets/img/1962667971.jpg" (click)="h()" style="height: 100%;height: 100%">

          <!--<div style="background-color:green;border-radius: 50%;border:3px green solid;width: 100%;height: 100%;color: white">开始</div>-->
        </div>
      </div>
    </div>

  </div>

</div>



